<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM事件</title>
    <script>
        function myFunction(){
            var x = document.getElementById("fname");
            x.value = x.value.toUpperCase();
        }
    </script>
</head>
<body>
<h1>onchange事件</h1>
<!--
onchange 事件经常与输入字段验证结合使用。
当用户改变输入字段内容时，会调用 upperCase() 函数
-->
请输入：<input type="text" id="fname" onchange="myFunction()">
</body>
</html>